// 公共样式
// @for $i from 0 through 50 // scss 循环语法
// 字号、行高、内外边距
.mixin-loop(@index) when (@index <= 50) {
  .fs-@{index} {
    font-size: @index + 0px;
  }
  .lh-@{index} {
    line-height: @index + 0px;
  }
  .m-@{index} {
    margin: @index + 0px;
  }
  .mt-@{index} {
    margin-top: @index + 0px;
  }
  .ml-@{index} {
    margin-left: @index + 0px;
  }
  .mr-@{index} {
    margin-right: @index + 0px;
  }
  .mb-@{index} {
    margin-bottom: @index + 0px;
  }
  .p-@{index} {
    padding: @index + 0px;
  }
  .pt-@{index} {
    padding-top: @index + 0px;
  }
  .pl-@{index} {
    padding-left: @index + 0px;
  }
  .pr-@{index} {
    padding-right: @index + 0px;
  }
  .pb-@{index} {
    padding-bottom: @index + 0px;
  }
  
  .mixin-loop(@index + 1);
};

.mixin-loop(0);

// 保留空白符序列，但是正常地进行换行
.text_ws_pw {
  white-space: pre-wrap;
}